﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>

<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="fonts/flaticon.css" />
</head>

<body>
<div class="boxed_wrapper">

	<header class="top-bar">
		<div class="container">
			<div class="clearfix">
				<ul class="top-bar-text float_left">
					<li><i class="fa fa-phone"></i>111 222 3334</li>
					<li><i class="fa fa-envelope"></i>Themetona@gmail.com</li>
				</ul>
				<ul class="social-style-one float_right">
					<li><a href="#"><i class="fa fa-facebook"></i></a></li>
					<li><a href="#"><i class="fa fa-twitter"></i></a></li>
					<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
					<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
					<li><a href="#"><i class="fa fa-skype"></i></a></li>
				</ul>
			</div>
		</div>
	</header>


	<!--header-upper-->
	<div class="header-upper">
		<div class="container">
			<div class="clearfix">
				
				<div class="pull-left logo-outer">
					<div class="logo-box">
						<a href="index.html"><img src="images/logo/logo.png" alt=""></a>
					</div>
				</div>
				
				<div class="pull-right upper-right clearfix">
					

					<div class="upper-column info-box">
						<div class="icon-box"><span class="flaticon-phone-call"></span></div>
						<ul>
							<li><strong>Call Us</strong></li>
							<li>111 222 3334</li>
						</ul>
					</div>
					

					<div class="upper-column info-box">
						<div class="icon-box"><span class="flaticon-location"></span></div>
						<ul>
							<li><strong>Our Address</strong></li>
							<li>2607, Melbourne Australia</li>
						</ul>
					</div>
					

					<div class="upper-column info-box">
						<div class="icon-box"><span class="flaticon-clock"></span></div>
						<ul>
							<li><strong>Working Hour</strong></li>
							<li>Mon- Sat : 8 am - 5 pm</li>
						</ul>
					</div>
					
				</div>
				
			</div>
		</div>
	</div>

	<!--mainmenu-area-->
	<section class="mainmenu-area stricky">
		<div class="container">
			<div class="menu-column">
				<div class="row">

					<div class="col-md-8">
						<nav class="main-menu">
							<div class="navbar-header">     
								<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							<div class="navbar-collapse collapse clearfix">
								<ul class="navigation clearfix">

									<li><a href="index.html">Home</a></li>                 
									<li><a href="about.html">About</a></li>
									<li class="current"><a href="contact.html">Contact</a></li>
								</ul>

								<ul class="mobile-menu clearfix">

									<li><a href="index.html">home</a></li>                 
									
									<li><a href="about.html">about</a></li>

									<li class="dropdown"><a href="service.html">service</a>
										<ul>
											<li><a href="service.html">Services</a></li>
											<li><a href="service-single.html">Service Single</a></li>
										</ul>
									</li>

									<li><a href="projects.html">projects</a></li>

									<li class="dropdown"><a href="#">pages</a>
										<ul>
											<li><a href="gallery.html">Our Gallery</a></li>
											<li><a href="team.html">Team</a></li>
											<li><a href="error.html">Error Page</a></li>
										 </ul>
									</li>

									<li class="dropdown"><a href="blog-grid.html">Blog</a>
										<ul>
											<li><a href="blog-grid.html">Blog Grid</a></li>
											<li><a href="blog-details.html">Blog Details</a></li>
										</ul>
									</li>

									<li><a href="contact.html">Contact</a></li>
								</ul>
							</div>
						</nav>
					</div>
					<div class="col-md-4">
						<div class="nav_side_content">
							<div class="search_option">
								<button class="search tran3s dropdown-toggle color1_bg" id="searchDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-search" aria-hidden="true"></i></button>
								<form action="#" class="dropdown-menu" aria-labelledby="searchDropdown">
									<input type="text" placeholder="Search...">
									<button><i class="fa fa-search" aria-hidden="true"></i></button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!--Start page-banner-->
	<section class="page-banner" style="background-image:url(images/resources/banner.jpg);">
		<div class="container">
			<div class="content">
				<h2>Contact <span>page</span></h2>
				<ul class="breadcumb">
					<li><a href="index.html">Home</a><i class="fa fa-chevron-right" aria-hidden="true"></i></li>
					<li><a  class="active" href="contact.html">contact</a></li>
				</ul>
			</div>
			
		</div>
	</section>
	<!--End page-banner-->
	
	<section class="contact-info-area padd-5">
		<div class="container">
			<div class="row">
				<div class="col-md-4 col-sm-6 col-xs-12">
					<div class="contact-info" style="background-image:url(images/resources/cf1.jpg)">
						<div class="icon-box"><i class="flaticon-location"></i></div>
						<h5>15, Khulna St. 165</h5>
						<span>Melbourne Australia</span>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12">
					<div class="contact-info" style="background-image:url(images/resources/cf2.jpg)">
						<div class="icon-box"><i class="flaticon-smartphone-call"></i></div>
						<h5>111 222 3334</h5>
						<span>Mon-Set 9:00am-5:00pm</span>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12">
					<div class="contact-info" style="background-image:url(images/resources/cf3.jpg)">
						<div class="icon-box"><i class="flaticon-message"></i></div>
						<h5>Themetona@gmail.com</h5>
						<span>24 X 7 online support</span>
					</div>
				</div>
			</div>
		</div>    
	</section>

	<section class="contact_us padd-7">
		<div class="container">   
			<div class="sec-title text-center">
				<h2>Get In <span>Touch</span></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam.</p>
			</div>
			<div class="default-form-area">
				<form id="contact-form" name="contact_form" class="default-form" action="sendmail.php" method="post">
					<div class="row clearfix">
						<div class="col-md-6 col-sm-6 col-xs-12">
											
							<div class="form-group style-two">
								<input type="text" name="form_name" class="form-control" value="" placeholder="Your Name" required="">
							</div>
						</div>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="form-group style-two">
								<input type="email" name="form_email" class="form-control required email" value="" placeholder="Your Email" required="">
							</div>
						</div>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="form-group style-two">
								<input type="text" name="form_phone" class="form-control" value="" placeholder="Phone">
							</div>
						</div>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="form-group">
								<input type="text" name="form_subject" class="form-control" value="" placeholder="Subject">
							</div>
						</div>  
						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="form-group style-two">
								<textarea name="form_message" class="form-control textarea required" placeholder="Message"></textarea>
							</div>
						</div>                                                
					</div>
					<div class="contact-section-btn text-center">
						<div class="form-group style-two">
							<input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value="">
							<button class="btn-style-five" type="submit" data-loading-text="Please wait...">send message</button>
						</div>
					</div> 
				</form>
			</div>          
		</div>
	</section>
	
	
	<!--subscribe-us-->
	<section class="subscribe-us">
		<div class="container">
			<div class="row">   
				<div class="col-md-9">
					<h3>Come to get world class service.</h3>
					
				</div>
				<div class="col-md-3">

					<a href="contact.html" class="btn-style-eight pull-right">contact us</a>
				</div>
			</div>
		</div>
	</section>
	<!--end subscribe-us-->

	<section class="contact_details sec-padd">
		
			<div class="home-google-map">
				<div 
					class="google-map" 
					id="contact-google-map" 
					data-map-lat="51.633967" 
					data-map-lng="-102.437199" 
					data-icon-path="images/logo/map-marker.png"
					data-map-title="Chester"
					data-map-zoom="10" >
				</div>
			</div>
		
	</section>
	
	

	<!--footer-->
	<footer class="footer bg-style" style="background-image:url(images/background/3.jpg);">
		<div class="container">
			<div class="footer-upper">
			
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="footer-widget about-widget">
							<figure class="image-box">
								<img src="images/logo/logo2.png" alt="">
							</figure>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna.</p>
							
							<div class="social-links">
								<a href="#"><span class="fa fa-facebook-f"></span></a>
								<a href="#"><span class="fa fa-twitter"></span></a>
								<a href="#"><span class="fa fa-linkedin"></span></a>
								<a href="#"><span class="fa fa-instagram"></span></a>
								<a href="#"><span class="fa fa-pinterest-p"></span></a>                         
							</div>
						</div>
					</div>
					
					<div class="col-md-3 col-sm-6">
						<div class="footer-widget quick-links">
							<h3 class="title">Our Services</h3>
							<ul>
								<li><a href="#">Car Wash</a></li>
								<li><a href="#"> Engine Replace</a></li>
								<li><a href="#">Tire Repair</a></li>
								<li><a href="#">Car Paint</a></li>
								<li><a href="#">Car Observation</a></li>
								<li><a href="#">Home Service</a></li>
								<li><a href="#"> Engine Replace</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="footer-widget opening-hour">
							<h3 class="title">Working Hours</h3>
							
							
							<ul class="day-time">
								<li><span>Saturday &nbsp;&nbsp;&nbsp;:</span>&nbsp;&nbsp;&nbsp; <span>9 AM - 5 PM</span></li>
								<li><span>Sunday &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span> &nbsp;&nbsp;&nbsp;<span>Closed</span></li>
								<li><span>Monday&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>&nbsp;&nbsp;&nbsp; <span>9 AM - 5 PM</span></li>

								<li><span>Tuesday&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>&nbsp;&nbsp;&nbsp; <span>9 AM - 5 PM</span></li>
								<li><span>Wednesday&nbsp;&nbsp;&nbsp;:</span>&nbsp;&nbsp;&nbsp; <span>9 AM - 5 PM</span></li>
								<li><span>Thursday&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>&nbsp;&nbsp;&nbsp; <span>9 AM - 5 PM</span></li>
								<li><span>Friday&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>&nbsp;&nbsp;&nbsp; <span>9 AM - 5 PM</span></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="footer-widget experts-column">
						
							<h3 class="title">Our Experts</h3>
							<ul>
								<li><a href="#">Denial Alfiz</a></li>
								<li><a href="#">Mithila Akon</a></li>
								<li><a href="#">Robert Zobair</a></li>
								<li><a href="#">Jone Hafiz </a></li>
								<li><a href="#">Albert Muzahidul</a></li>
								<li><a href="#">Kida Nurure</a></li>
								<li><a href="#">Ahmed Kutubil</a></li>
							</ul>
						</div>
					</div>
					
					
				</div>
			</div>
			
		</div>
	</footer>
	<!--end footer-->
	<!--Footer Bottom-->
	<div class="footer-bottom text-center">                 
		<div class="copyright-text">Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>       
	</div>
	<!--end Footer Bottom-->       

	
	
<!-- Scroll Top Button -->
<button class="scroll-top tran3s color2_bg">
	<span class="fa fa-angle-up"></span>
</button>
<!-- pre loader  -->
<div class="preloader"></div>

	<!-- jQuery js -->
	<script src="js/jquery.js"></script>
	<!-- bootstrap js -->
	<script src="js/bootstrap.min.js"></script>
	<!-- jQuery ui js -->
	<script src="js/jquery-ui.js"></script>
	<!-- owl carousel js -->
	<script src="js/owl.carousel.min.js"></script>
	<!-- jQuery validation -->
	<script src="js/jquery.validate.min.js"></script>
	<!-- google map -->
	<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyCRvBPo3-t31YFk588DpMYS6EqKf-oGBSI"></script> 
	<script src="js/gmap.js"></script>
	<!-- mixit up -->
	<script src="js/wow.js"></script>
	<script src="js/jquery.mixitup.min.js"></script>
	<script src="js/jquery.fitvids.js"></script>
	<script src="js/bootstrap-select.min.js"></script>

	<!-- revolution slider js -->
	<script src="assets/revolution/js/jquery.themepunch.tools.min.js"></script>
	<script src="assets/revolution/js/jquery.themepunch.revolution.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.actions.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.migration.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
	<script src="assets/revolution/js/extensions/revolution.extension.video.min.js"></script>

	<!-- fancy box -->
	<script src="js/jquery.fancybox.pack.js"></script>
	<script src="js/jquery.polyglot.language.switcher.js"></script>
	<script src="js/nouislider.js"></script>
	<script src="js/jquery.bootstrap-touchspin.js"></script>
	<script src="js/SmoothScroll.js"></script>
	<script src="js/jquery.appear.js"></script>
	<script src="js/jquery.countTo.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script src="js/imagezoom.js"></script> 
	<script src="js/isotope.js"></script>
	<script src="js/validation.js"></script>
	<script id="map-script" src="js/default-map.js"></script>
	<script src="js/custom.js"></script>

</div>

</body>
</html>